import React from "react";
import type { FormProps } from "antd";
import { Button, Checkbox, Form, Input, message } from "antd";
import axios from "axios";
import {useNavigate,NavLink} from 'react-router-dom'

type FieldType = {
  username?: string;
  password?: string;
  remember?: string;
};

const Index: React.FC = () => {
  const navigate=useNavigate()
  const onFinish: FormProps<FieldType>["onFinish"] = (values) => {
    console.log("Success:", values);
     axios.post('/api/sigin',values).then((resp)=>{
        console.log(resp)
        let {code,msg}=resp.data
        if (code==200) {
            message.success(msg)
            navigate('/')
        }else{
            message.info(msg)
        }
     })

  };

  return (
    <div>
      <div>
        <Form
          name="basic"
          labelCol={{ span: 8 }}
          wrapperCol={{ span: 16 }}
          style={{ maxWidth: 600 }}
          initialValues={{ remember: true }}
          onFinish={onFinish}
          autoComplete="off"
        >
          <Form.Item<FieldType>
            label="Username"
            name="username"
            rules={[{ required: true, message: "Please input your username!" }]}
          >
            <Input />
          </Form.Item>

          <Form.Item<FieldType>
            label="Password"
            name="password"
            rules={[{ required: true, message: "Please input your password!" }]}
          >
            <Input.Password />
          </Form.Item>

          

          <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
            <Button type="primary" htmlType="submit">
              注册
            </Button>
          </Form.Item>
        </Form>
      </div>
       
    </div>
  );
};
export default Index;
